.blogs {
    .hero {
        height: 40vh;
        background-image: url(public/assets/images/web/our-vision.webp);
        background-position: center center;
        background-size: cover;
        position: relative;
    }
    .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.516);
    }
    .card{
        transition-duration: .3s;
    }
    .card:hover {
        box-shadow: 0px 5px 40px rgba(128, 128, 128, 0.774);
        transform: translateY(-10px);
    }
}